
<!DOCTYPE html>
<html>
<head>
	<title>物业详情</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- head 中 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">

<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>

<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
	<script src="/static/js/utils.js"></script>
	<script src="/static/js/template.js"></script>
</head>
<style type="text/css">
	
.content_center .content_val{
    margin-top: 4rem;
    height: 20rem;
    font: 500 1.6rem/3rem "PingFang-SC-Medium";
    color: rgba(179, 166, 166, 0.98);
    padding: 2rem 2rem 2rem 2rem;
    border-bottom: 1px solid;
}
.content_title{
	    height: 8rem;
    text-align: center;
    line-height: 2rem;
    padding-top: 1rem;
}

.title_name{
	    display: block;
    font: 800 1.8rem/3rem "PingFang-SC-Medium";
}
.money_num{
	    display: block;
    font: 500 2.2rem/3rem "PingFang-SC-Medium";
}
.transaction_name{
	    display: block;
    font: 500 1.4rem/3rem "PingFang-SC-Medium";
    color: rgba(179, 166, 166, 0.98);
}
.property_type{
	display: block;
    height: 25%;
	text-indent: 2rem;
}
.electricity_price{
	    display: block;
    height: 25%;
}

.last_num{
	    float: left;
    width: 30%;
    display: block;
    text-align: left;
}
.last_time,.now_time{
	    float: left;
    width: 100%;
    display: block;
	text-indent: 2rem;
}
.now_num{
	    width: 50%;
    display: block;
    float: left;
    width: 30%;
    display: block;
    text-align: left;
}
/*.now_time{
	    width: 50%;
    display: block;
    float: right;
    width: 70%;
    display: block;
    text-align: right;
}*/
.content_last , .content_num{
	    height: 25%;
    display: block;
}
.content_fu{
	    font: 500 1.4rem/3rem "PingFang-SC-Medium";
    color: rgba(179, 166, 166, 0.98);
    padding: 2rem 2rem 2rem 2rem;
}

</style>
<body>

	<div class="content_center weui-tab"  id="wuyeDetil-id">
		<div class="content_title">
			<span class="title_name">东关商圈203号楼 1单元 411室</span>
				<span class="money_num">-2000.00</span>
					<span class="transaction_name">交易成功</span>
		</div>

 		<div class="content_val">
			<span class="property_type">物业类型：电费</span>
			<!--<span class="electricity_price">电费价格：1.24元/度</span>-->
			<span  class="content_last">
				<span class="last_time">开始时间：2017-12-26</span>
			</span>
			<span  class="content_num">
					<span class="now_time">结束时间：2017-12-26</span>
			</span>
			<span  class="content_num">
					<span class="now_time">付款时间：2017-12-26</span>
			</span>
		</div>
		<!--<div class="content_fu">
			<span class="fu_time">付款时间：2018-02-02 10：00</span>
		</div>-->
	</div>
<!--<script language="JavaScript">
	alert(request.QueryString("name"));
</script>-->
</body>
<script>
    $(function() {

        findWUYWDetil();


    });

    function findWUYWDetil(){

        var billId = utils.getParamer("billId");

        var params={
            "BILLID": billId
        }
        var url ="/weixin/findWUYWDetil.do";
        $.ajax({
            url: url,
            dataType: "json",
            data:params,
            async: false,
            success: function (data) {

                var wuyeDeyil = template("wuyeDeyil-template", {"data": data});

              //  $("#wuyeDetil-id").html(wuyeDeyil);

                /*if(data.list[0].BILL_TYPE.toString()!="1"){
						$(".content_last").hide();
                    $(".content_num").hide();

				}*/
            }
        });
	}
</script>

<!--所有物业账单集合-->
<script type="text/html" id="wuyeDeyil-template">


	{{each data.list as pd index}}
	<div class="content_title">
		<span class="title_name">{{pd.BUSINESS_NAME}}商圈{{pd.BUILDING_NAME}} {{pd.ROOM_NUM}}室</span>
		<span class="money_num">{{pd.TOTAL_PRICE}}</span>
		<span class="transaction_name">交易成功</span>
	</div>		<div class="content_val  wuye_class">
		<span class="property_type">物业类型：{{pd.BILL_NAME}}</span>
		<!--<span class="electricity_price">{{pd.BILL_NAME}}价格：{{pd.RENT}}{{pd.UNIT}}</span>-->
		<span  class="content_last">

				<span class="last_time">开始时间：{{pd.START_DATE}}</span>
			</span>
		<span  class="content_num">
					<span class="now_time">结束时间：{{pd.CUR_DATE}}</span>
			</span>
		<span  class="content_num">
					<span class="now_time">付款时间：{{pd.PAY_DATE}}</span>
			</span>
	</div>

	{{/each}}

</script>


</html>